<template>
	<div class="index" style="z-index: 20; display: block;">
		<div id="skin" style="background-position-y: -1680px;">
			<!--首页头-->
			<index-header></index-header>

			<!--首页主体-->
			<index-body></index-body>
			<!--首页尾-->
			<index-footer></index-footer>
		</div>
	</div>
</template>

<script>
    import IndexHeader from './pages/index-header.vue';
    import IndexBody from './pages/index-body';
    import IndexFooter from './pages/index-footer';
    // import IndexLogo from './pages/index-logo'
    export default {
      name: "index",
      components:{
          IndexHeader,IndexBody,IndexFooter
      }
    }
</script>

<style scoped>
	.index {
		height: 100%;
		background: url(../../img/background.jpg) repeat-x;
		background-color: rgb(241, 240, 245);
	}
	#skin {
		height: 100%;
		background: url(//123p3.sogoucdn.com/imgu/2018/05/20180507173124_584.png) top repeat-y;
		z-index: 1;
	}
</style>
